<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="x-ua-compatible" content="ie=7" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用户注册 - ${web.name}${web.additionalTitle!}</title>
<link href="${root}/u/css/main.css" type="text/css" rel="stylesheet" />
<link href="${sysResRoot}/front.css" rel="stylesheet" type="text/css"/>
<script src="${sysResRoot}/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
function onSubmit(){
	if(!$("#contract").attr("checked")==true){ 
		alert("请阅读注册协议!");
		return ;
	}
	$("#jvForm").submit();
}
</script>
<style>
.loginInput{ width:325px; height:35px; padding:5px; border:1px solid #d8d8d8; font-family:微软雅黑; color:#adadad;outline-width:medium; outline-style:none;}
.codeInput{ width:180px; height:35px; padding:5px; border:1px solid #d8d8d8; font-family:微软雅黑; color:#adadad;outline-width:medium; outline-style:none;}
</style>
</head>

<body>
<div style="width:1020px; margin:auto;">
	<a href="http://dzd.jeecms.com/" title="返回店中店首页">
    <img src="${root}/u/img/member/loginLogo.gif" style="margin-top:50px;" />
    </a>
    <div class="clear20"></div>
	<div style="margin:20px auto; width:997px; border:1px solid #eaeaea;">
    	<form id="jvForm" action="register.jspx" method="post">
            <table width="900" border="0" align="center" cellpadding="0" cellspacing="2" style="margin:auto; color:#808080;">
            <tr>
              <td colspan="3">
              <div class="fl" style="font-size:18px; color:#484848; font-family:微软雅黑; line-height:94px;">新用户注册</div>
              <div class="fr" style="color:#484848; line-height:94px;">我已经注册，现在就 <a href="${base}/login.jspx" style="color:#ff3b1b;">登录</a></div>
              <div style="border-bottom:1px solid #e7e7e7; clear:both; width:100%; margin-bottom:30px;"></div>
              </td>
              </tr>
            <tr>
            <td height="75" width="150" align="right" style="font-size:14px;">用户名：</td>
            <td><input type="text" id="username" name="username" class="loginInput" vld="{required:true,rangelength:[3,20],remote:'${base}/username_unique.jspx',messages:{remote:'用户名已存在'}}"/></td>
            <td><font color="#FF0000">*</font><span style="color:#808080;"> 用户名由3到20位的中文字符、英文字母、数字组成。</span></td>
            </tr>
            <tr>
            <td height="75" align="right" style="font-size:14px;">Email：</td>
            <td><input type="text" name="email" id="email"  class="loginInput" vld="{required:true,email:true,remote:'${base}/email_unique.jspx',messages:{remote:'email已经被使用'}}"/></td>
            <td><font color="#FF0000">*</font><span style="color:#808080;"> 输入有效邮箱地址并成功激活，可用此邮箱做为登录账号及找回密码</span></td>
            </tr>
            <tr>
            <td height="75" align="right" style="font-size:14px;">密码：</td>
            <td><input name="password" type="password" class="loginInput" id="password" vld="{required:true,rangelength:[6,20]}" /></td>
            <td><font color="#FF0000">*</font><span style="color:#808080;"> 6－20位字符，可由大小写英文、数字或符号组成 </span></td>
            </tr>
            <tr>
            <td height="75" align="right" style="font-size:14px;">确认密码：</td>
            <td><input type="password" equalTo="#password" class="loginInput"/></td>
            <td>&nbsp;</td>
            </tr>
            <tr>
            <td height="75" align="right" style="font-size:14px;">验证码：</td>
            <td>
            <input type="text" name="checkcode"  class="codeInput fl" style="margin-top:5px; margin-right:30px;" vld="{required:true}"/>
            <img src="${base}/checkcode.svl" height="45" class="fl" id="checkcode" onclick="$('#checkcode').attr('src','${base}/checkcode.svl?d'+new Date()*1);" border="1"/>
            </td>
            <td>
            <a href="javascript:void(0);" class="xieyi" onclick="$('#checkcode').attr('src','${base}/checkcode.svl?d'+new Date()*1);return false">看不清，换一张
            </a>
            </td>
            </tr>
            <tr>
            <td height="75" align="right">&nbsp;</td>
            <td>
            <input type="checkbox" id="contract" name="contract" checked="checked"/>
            <a href="javascript:void(0);" onclick="window.open('treaty.jspx','','height=600,width=600,scrollbars=1');" class="xieyi">已阅读并接受《 唐人街协议 》</a></td>
            <td>&nbsp;</td>
            </tr>
            <tr>
            <td height="75" align="right">&nbsp;</td>
            <td colspan="2"><input type="button" onclick="onSubmit();" value="注 册" style="width:335px; height:45px; text-align:center; color:#fff; background:#ff3b1b; cursor:pointer; border:0; font-size:16px;"/>
            </td>
            </tr>
            </table>
   	  </form>          
	</div>
    <div class="clear20"></div>
</div>
[#include "../include/footer_information_bar.html"/]
</body>
</html>